.app-bookdetail-box {background: #fff;}
.app-bookdetail-box header{
    height: .45rem;
}
.app-bookdetail-box header .am-navbar{
    width:100%;
    height: .45rem; 
    background: #b93321;
    color: #fff;  
}
.app-bookdetail-box header .am-navbar .am-navbar-title{
    color: #fff;
}

.app-bookdetail-box .main {  padding:.15rem;}

.app-bookdetail-box .main .book-option .book-intro img{
        width: .64rem;
        height: .8rem;     
        vertical-align: center;
        margin: .15rem .15rem .15rem 0;      
}
.app-bookdetail-box .main .book-option .book-intro .list-box{
    margin-top: .15rem;
}
.app-bookdetail-box .main .book-option .book-intro .list-box h4{
    font-size:.20rem;
    line-height:  .26rem;
}
.app-bookdetail-box .main .book-option .book-intro .list-box p{
    color: #999;
    font: .12rem/.26rem "";
}
.app-bookdetail-box .main .book-option .book-intro .list-box p b{font-weight: 400;}
.app-bookdetail-box .main .book-option .book-intro .list-box p u{
margin: 0 .1rem
}
.app-bookdetail-box .main .book-option .book-intro .list-box span{
    color: #f00;
}
.app-bookdetail-box .main .book-option .button-box{display:flex;justify-content: space-around;}
.app-bookdetail-box .main .book-option .button-box a{
    display: block;    
    height: .43rem;
    width:1.5rem;
    border: 1px solid #b93321;
    font:.14rem/.43rem "";
    text-align:center;    
}
.app-bookdetail-box .main .book-option .button-box a:first-of-type{
    color: #b93321;
    background: #fff;
}
.app-bookdetail-box .main .book-option .button-box a:nth-child(2){
    background: #b93321;
    color: #fff;
}
.app-bookdetail-box .main .reader-data{
    display: flex;
    justify-content: space-around;
    padding:.15rem;
    color: #999;
    margin-top: .2rem;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.app-bookdetail-box  .main .reader-data li h4{ 
    font: .16rem/.25rem "";
    color: #000;
}
.app-bookdetail-box  .main .reader-data li p{
    text-align: center;
    line-height: .25rem;
}
.app-bookdetail-box  .main .introduction{
    padding: .15rem;
    font: .12rem/.24rem ""; 
    border-bottom: 1px solid #ebebeb;   
}
.app-bookdetail-box  .main .introduction p{
    height: .72rem;
    width:3.45rem;
}
.app-bookdetail-box  .main .dir{
    padding: .15rem 0;
    color: #999;
    border-bottom: 1px solid #ebebeb; 
}
.app-bookdetail-box  .main .dir h5{color: #000;}
.app-bookdetail-box .main .dir p b{font-weight: 400;margin-right:　.05rem;}
.app-bookdetail-box .main .dir p span{
    width:1.02rem;
    display: inline-block;
    font-size:.14rem;
}
.app-bookdetail-box .main .comment h4{line-height: .4rem;height: .4rem;}
.app-bookdetail-box .main .comment h4 span{color:　#999;}
.app-bookdetail-box .main .comment ul li{
    border-bottom: 1px solid #ebebeb;
    padding: .1rem 0;
}
.app-bookdetail-box .main .comment ul li img{
    width: .34rem; height: .34rem;
    border-radius: .15rem;
    margin-right: .08rem;
}
.app-bookdetail-box .main .comment ul li .comment-intro{
    width:　2.9rem;
}
.app-bookdetail-box .main .comment ul li .comment-intro h5{
    color:#a58d5e;
    font: .12rem/.24rem "";
}
.app-bookdetail-box .main .comment ul li .comment-intro .com{
    color: #000; font-weight: 700; width: 2.9rem;
    font: .12rem/.16rem "";
}
.app-bookdetail-box .main .comment ul li .comment-intro .content{
    color: #999;
    font: .12rem/.24rem "";
    height: .48rem;
    width: 2.9rem;
}
.app-bookdetail-box .main .comment ul li .comment-intro .love{
    color: #999;
    font: .12rem/.24rem "";
}
.app-bookdetail-box .main .like h4{
    height:.45rem;  
    margin-top: .08rem;
    line-height:.24rem;
    color:　#b93321;
    padding-left: 0; 
}
.app-bookdetail-box .main .like h4 b{
   border-left:2px solid #b93321;
   padding-left: .08rem;
   font-weight: 700;
}
.app-bookdetail-box .main .like ul{
    display:flex;
    justify-content: space-between;
    overflow: hidden;
}
.app-bookdetail-box .main .like ul li {
    margin: 0 .15rem;
}
.app-bookdetail-box .main .like ul li img{
    width:.55rem;
    height:.79rem;
}
.app-bookdetail-box .main .like ul li p{
    font: .12rem/.34rem '';
}
.app-bookdetail-box .main .copyright{
    margin: .1rem 0 .1rem .1rem;
}
.app-bookdetail-box .main .copyright h5{
    line-height: .4rem;
    height: .4rem;
}
.app-bookdetail-box .main .copyright p{
    color:#999;
}